<template>
<div>
  <van-nav-bar title="头像展示" left-text="返回" left-arrow @click-left="$router.back()">
  <template #right>
    <van-icon name="ellipsis" size="30"  color="black"/>
  </template>
</van-nav-bar>
  <div class="black">
<img src="https://img2.baidu.com/it/u=1333237491,1795884643&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1686762000&t=325a08d4580fbc8649dd87dc200b5f4c"
                    alt="">
  </div>
  

</div>
</template>

<script setup>
import { ref } from 'vue'

</script>
 
<style lang="scss" scoped>
.black{
  background-color: black;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  
  img{
    width: 100%;
    margin-top: 1rem;
  }
}
 
</style>